<template>
  <div style="border: 1px solid #ccc">
    <button @click="count++">+1</button>
    <p>{{count}}</p>
    <button @click="count--">-1</button>
  </div>
</template>

<script>
export default {
  // data必须是一个函数返回一个新对象？
  // https://v2.cn.vuejs.org/v2/guide/components.html#data-%E5%BF%85%E9%A1%BB%E6%98%AF%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0
  data: function() {
    return {
        count: 100
      };
    }
  }
</script>